<template>
  
<div>
  <el-tabs :tab-position="tabPosition" style="height: 200px;">
  <el-tab-pane :label="i.name" v-for="(i,j) in list" :key="j">
        <div v-for="(x,p) in i.children" :key="p">
            <ul>
                <li>{{x.name}}</li>
            </ul>
             <div v-for="(o,y) in x.children1" :key="y"><el-button @click="qi(o.id)">{{o.name}}</el-button></div>  </div>
    </el-tab-pane>
  </el-tabs>

</div>
</template>
<script>
  export default {
    data() {
      return {
        list:[]
      };
    },
    methods:{
     
        getemun(){
            this.axios.get('getone')
            .then(res=>{
                this.list = res.data.data
            })
        },
        qi(id){
            alert(id)
        }
        
    },
    mounted(){
  
        this.getemun()
    }
  };
</script>